<?php
/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">

function onclickGrid(response){

    document.getElementById('txtNombre').value = response.cells[1].innerHTML;
    document.getElementById('txtApellido').value = response.cells[2].innerHTML;
    document.getElementById('txtEdad').value = response.cells[3].innerHTML;
    document.getElementById('txtDireccion').value = response.cells[4].innerHTML;
    document.getElementById('txtLogin').value = response.cells[5].innerHTML;
    document.getElementById('idUsuario').value = response.cells[0].innerHTML;
    document.getElementById('txtPwd').value = 'abc';
    document.getElementById('txtCpwd').value = 'abc';

}

function validacion(formulario) {

	var NOMBRE = /^([a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s|\.|-)+$/			//letras, '.' y '-' o vacio
	var APELLIDO = /^([a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s|\.|-)+$/
	var EDAD = /^([0-9\s\+\-])+$/						//numeros, espacios, + o -
	var DIRECCION = /^([0-9]|[a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s|\.|-)+$/
    var LOGIN = /^([0-9]|[a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s|\.|-)+$/
    var PASSWORD= /^([0-9]|[a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|\s|\.|-)+$/
    
	//comprueba 50 caracteres maximo
	for(x = 1; x < 5; x++) {
		if (formulario.elements[x].value.length > 50) {
			alert('La lontitud máxima permitida para cualquier campo es de 10 caracteres.')
			return false
		}
	}

    //VALIDA QUE LAS CONTRASEÑAS SEAN IGUALES
    if(document.getElementById('txtPwd').value != document.getElementById('txtCpwd').value){
        alert('La contraseña no es válida.')
		return false
    }

	//comprueba campo de nombre
	if(!NOMBRE.test(formulario.txtNombre.value)) {
		alert('Contenido del campo NOMBRE no válido.')
		return false
	}

	//comprueba campo de apellido
	if(!APELLIDO.test(formulario.txtApellido.value)) {
		alert('Contenido del campo APELLIDO no válido.')
		return false
	}

	//comprueba campo de edad
	if( !EDAD.test(formulario.txtEdad.value) ) {
		alert('Contenido del campo EDAD no válido.')
		return false
	}


	//comprueba campo de direccion
	if(!DIRECCION.test(formulario.txtDireccion.value)) {
		alert('Contenido del campo DIRECCION no válido.')
		return false
	}

	//comprueba campo login
	if(!LOGIN.test(formulario.txtLogin.value)) {
		alert('Contenido del campo LOGIN no válido.')
		return false
	}

	//comprueba campo de password
	if(!PASSWORD.test(formulario.txtPwd.value)) {
		alert('Contenido del campo PASSWORD no válido.');
		return false;
	}

	//comprueba campo de password igual
	if(!PWD.test(formulario.txtCpwd.value)) {
		alert('Contenido del campo CONFIRMAR no válido.');
		return false;
	}

	return true;			//cambiar por return true para ejecutar la accion del formulario
}
</script>

<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>PUNTOS .COM por SIPI Equipo 2</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1><?php echo "Bienvenido: ".$_SESSION["Usuario"] ?></h1>
		</div>
	</div>
	<!-- end #header -->
	<div id="menu">
		<ul>
			<li><a href="administrador.php?cat=1">Alumnos</a></li>
			<li><a href="administrador.php?cat=2">Tiendas</a></li>
			<li><a href="administrador.php?cat=3">Historial Puntos</a></li>
		</ul>
	</div>
	<!-- end #menu -->
	<div id="page">
	<div id="page-bgtop">
	<div id="page-bgbtm">
		<div id="content">
			<div class="post">
				<h2 class="title"><a href="#">Catálogo de Usuarios</a></h2>
                <div class="entry">
                    <p>
    <form id="form1" method="POST" action="guarda_usuario.php" onsubmit="return validacion(this);">

     <table style="width:100%;">
                <tr>
                    <td class="style1">
            NOMBRE :</td>
                    <td class="style2">
            <input id="txtNombre" type="text" name="txtNombre" /></td>
                    <td class="style3">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="style1">
            APELLIDO:</td>
                    <td class="style2">
            <input id="txtApellido" type="text" name="txtApellido"/></td>
                    <td class="style3">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="style1">
            EDAD :</td>
                    <td class="style2">
            <input id="txtEdad" type="text" name="txtEdad"/></td>
                    <td class="style3">
                        &nbsp;</td>
                </tr>
                <tr>
                <td class="style1">DIRECCION :</td>
                <td class="style2"><input id="txtDireccion" type="text" name="txtDireccion" /></td>
                </tr>
                <tr>
                    <td class="style1">
            LOGIN :</td>
                    <td class="style2">
            <input id="txtLogin" type="text"name="txtLogin" /></td>
                    <td class="style3">
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="style1">
            PASSWORD :</td>
                    <td class="style2">
            <input id="txtPwd" type="password"name="txtPwd" /></td>
                    <td class="style3">
                        CONFIRMAR:</td>
                    <td>
                    <input id="txtCpwd" type="password" name="txtCpwd"/>
                     </td>
                </tr>
            </table>
            <table>
                <tr>
                <td>
                    <input type="hidden" id="idUsuario" name="idUsuario" value="0">
                    <input type="reset" value="Nuevo Usuario" onclick="document.getElementById('idUsuario').value = '0'">
                    <input type="submit" value="Guardar" name="submit">
                    <input type="submit" value="Borrar" name="submit">
                </td>
                </tr>
            </table>



 </form>

        <hr>

         <?php


            //Muestra las tiendas registradas

            echo "<table class='table' width='100%'>";
            echo "<tr><td>Id</td><td>Nombre</td><td>Apellido</td><td>Edad</td><td>Direccion</td><td>Login</td><td>Puntos</td></tr>";

            $mysqli = new mysqli("localhost","root","sipi2009","proyecto_sipi");

            $rs = $mysqli->query("CALL `ver_usuarios`();");
            while($resultados = mysqli_fetch_array($rs)){
                echo "<tr onclick=\"onclickGrid(this);\">";
                echo "<td >".$resultados['Id']."</td>";
                echo "<td>".$resultados['Nombre']."</td>";
                echo "<td>".$resultados['Apellido']."</td>";
                echo "<td>".$resultados['Edad']."</td>";
                echo "<td>".$resultados['Direccion']."</td>";
                echo "<td>".$resultados['Login']."</td>";
                echo "<td>".$resultados['Puntos']."</td>";

                echo "</tr>";

            }

            echo "</table>";

        ?>

					</p>
				</div>
			</div>
		<div style="clear: both;">&nbsp;</div>
		</div>
		<!-- end #content -->
		<div id="sidebar">
			<ul>
				<li>
					<h2>Directiva de Puntos.Com</h2>
					<p>Goma</p>
					<p>Becerril</p>
					<p>Rosy</p>
					<p>Alejandro</p>
					<p>Ernesto</p>
				</li>
			</ul>
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	</div>
	</div>
	<!-- end #page -->
</div>

</body>
</html>